﻿@{
    ViewBag.Title = "Home Page";
}

<div id="customhtml"></div>

<div id="customtext"></div>

<ol id="dynamiclist">
</ol>

@section scripts{
    <script>
        $(function () {
            var customhtml = $("#customhtml");
            var customtext = $("#customtext");
            var dynamiclist = $("#dynamiclist");

            customhtml.html("Hello, <em>World</em>.");
            customtext.text("Hello, <em>World</em>.");
            for (var i = 0; i < 7; i++) {
                dynamiclist.append("<li>" + i + "</li>");
            }
            $("#dynamiclist li:even").css("color", "red");
            dynamiclist.click(function () {
                alert("Click Me?");
            });
        });
    </script>
}